// Fonts
// @import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
// Fonts
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
// Variables
//@import "variables";
// Bootstrap
// $spacer :1.2;
$grid-gutter-width: 16px;

$blue:    #2c6eaf !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default;
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default;
$green:   #28a745 !default;
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default;

@import "node_modules/bootstrap/scss/bootstrap";

//引入Font Awesome 4.7.0
@import "node_modules/font-awesome/scss/font-awesome";

@import "../vendor/swiper/css/swiper.css";

body {
    font-size: 14px; // // font-family: 'Noto Sans SC','HelveticaNeue', 'Helvetica Neue',PingFangSC-Regular, Arial, sans-serif !important;
    font-family: 'Roboto Condensed', sans-serif; // // font-family: -apple-system-font,"Helvetica Neue",Tahoma,"PingFang SC","Microsoft Yahei",sans-serif;
    // font-family: 'open sans', 'Noto Sans SC', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    ;
}

.container {
    width: 1180px !important;
    max-width: none !important;
}

a {
    color: #3097D1;
    text-decoration: none!important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.carousel {
    .carousel-caption {
        background: rgba(0, 0, 0, .5);
    }
}

.user-card {
    .headicon {
        border: 2px #fff solid;
        width: 72px;
        height: 72px;
    }
}

.user-about {
    .fa {
        width: 26px;
    }
}

.pagination {
    span,
    a {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #2c6eaf;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }
    a:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    li:first-child a {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }

    li:last-child a {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

    li.active span {
        z-index: 1;
        color: #fff;
        background-color: #2c6eaf;
        border-color: #2c6eaf;
    }
}

.page-article {
    .article-content {
        font-size: 16px;
        line-height: 1.6;
        img {
            max-width: 100%;
        }
    }
}

.page-card{
    .card-name {
        text-align: center;
        background: #e8ebef;
        background: #486eac;
        background-size: cover;
    }

    .card-name-overlay {
        background: rgba(0, 0, 0, .3);
        padding: 40px;
        color: #fff;
    }

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        border-color: #f3f3f3;
    }
}


.page-ent{
    .tz-gallery .thumbnail {
    padding: 0;
    margin-bottom: 30px;
    background-color: #fff;
    border: none;
    transition: 0.15s ease-in-out;
    border: solid 1px #eee;
    /*box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.08);*/
}

.tz-gallery .thumbnail:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    /*transform: scale(1.01);*/
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.08);
}

.tz-gallery .thumbnail .cover{
    height: 200px;
    text-align: center;
    line-height: 200px;
    background: #fbfbfb;
}

.tz-gallery .thumbnail .cover img{
    // max-height: 100px;
    // max-width: 220px;
}

.tz-gallery .caption {
}

.tz-gallery .caption h3 {
    font-weight: 400;
    margin-top: 0;
    font-size: 18px;
    line-height: 28px;
}

.tz-gallery .caption h3 a {
    color: #525c65;
}

.tz-gallery .caption p {
    color: #7b7d7d;
    margin: 10px 0;
}

}

.comments {

    .comment {
        .headimg {
            width: 54px;
            height: 54px;
        }
    }
}